<template>
    <div>
        <van-search
                v-model="value"
                placeholder="请输入搜索关键词"
                show-action
                shape="round"
                @search="onSearch"
        >
            <div slot="action" @click="onSearch">搜索</div>
        </van-search>
        <van-row class="hd-row" v-for="(item,index) in list" :key="index">
            <van-col span="24" class="title">{{item.name}},{{item.phone}}</van-col>
            <van-col span="24" class="area">{{item.company_name}}</van-col>

            <van-col span="6" class="hd-fore">等级:{{item.level}}</van-col>
            <van-col span="6" class="hd-fore">面积:{{item.area}}</van-col>
            <van-col span="6" class="hd-fore">藏品:{{item.num}}</van-col>
            <van-col span="6" class="hd-fore">流量:{{item.liuliang}}</van-col>

            <van-col span="24" class="alias">{{item.alias}}</van-col>
            <van-col span="24" class="address">{{item.adress}}</van-col>
        </van-row>
    </div>
</template>

<script>
export default {
  data () {
    return {
      list: [
        {
          name: '张倩',
          phone: '024-24852012',
          company_name: '沈阳故宫博物馆',
          level: '一级',
          area: '14722',
          num: 105662,
          liuliang: 2010250,
          adress: '沈阳市沈河区沈阳路171号'
        },
        {
          name: '魏鹏',
          phone: '024-88331017',
          company_name: '沈阳“九·一八”历史博物馆',
          level: '一级',
          area: '12600',
          num: 9997,
          liuliang: 1100000,
          adress: '沈阳市大东区望花南街46号'
        },
        {
          name: '潘盈盈',
          phone: '024-24859256',
          company_name: '张氏帅府博物馆',
          level: '二级',
          area: '6047',
          num: 14301,
          liuliang: 1250755,
          adress: '沈阳市沈河区沈阳路171号'
        },
        {
          name: '潘盈盈',
          phone: '024-24859256',
          company_name: '沈阳金融博物馆',
          level: '二级',
          area: '6800',
          num: 19132,
          liuliang: 1250755,
          adress: '沈阳市沈河区朝阳街240号'
        },
        {
          name: '常乐',
          phone: '13940331960',
          company_name: '沈阳新乐遗址博物馆',
          level: '二级',
          area: '4302',
          num: 2277,
          liuliang: 64916,
          adress: '沈阳市皇姑区黄河北大街龙山路1号'
        },
        {
          name: '龚祖',
          phone: '13066669637',
          company_name: '中共满洲省委旧址纪念馆',
          level: '无级别',
          area: '2500',
          num: 316,
          liuliang: 593600,
          adress: '沈阳市和平区皇寺路福安巷3号'
        },
        {
          name: '张再武',
          phone: '13504994527',
          company_name: '沈阳工业博物馆',
          level: '无级别',
          area: '41000',
          num: 12656,
          liuliang: 491000,
          adress: '沈阳市铁西区卫工北街14号'
        }
      ]
    }
  }
}
</script>

<style scoped>
.title{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.area{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.address{
    color: #7d7e80;
    font-size: 12px;
    line-height: 16px;
}
.alias{
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
}
.hd-row{
    padding: 10px 10px 10px 20px;
    border-bottom: 1px solid #d6d6d6;
}
.hd-fore{
    font-size: 12px;
}
</style>
